body {
	background: rgba(249, 250, 252, 1);
	font-size: 0.24rem;
	font-family: '微软雅黑';
}

.banner-container {
	overflow-x: hidden;
}

.main {
	padding: 0.16rem 0.2rem;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 2.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.banner-box{
	padding:0.16rem 0.2rem 0 0.2rem;
}
.content {
	padding: 0.16rem 0.2rem;
}

.img-banner {
	width: 7.1rem;
}

.charge-box {
	display: flex;
	flex-direction: row;
	margin-top: 0.1rem;
}

.charge-box .time-box {
	width: 3.40rem;
	height: 1.72rem;
	border-radius: 0.1rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0.04rem 0.08rem rgba(0, 0, 0, 0.1), 0.04rem 0px 0.08rem rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 0.3rem;
	justify-content: space-between;
}

.charge-box .time-box:nth-last-of-type(1) {
	margin-right: 0;
}

.charge-box .time-box img {
	margin-right: 0.57rem;
}

.time-box .title {
	font-size: 0.32rem;
	font-weight: 500;
	color: rgba(34, 34, 34, 1);
}
.icon-add{
	width: 0.6rem;
	height: 0.6rem;
}
.time-box .left-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 0.42rem;
}

.content-main-box .time-box .left-box .time {
	font-size: 0.24rem;
	color: rgba(102, 102, 102, 1);
	margin-top: 0.1rem;
}
.charge-box .left-box .time {
	font-size: 0.32rem;
	color: rgba(102, 102, 102, 1);
	margin-top: 0.1rem;
}
.icon-time {
	width: 0.6rem;
	height: 0.6rem;
}

.icon-dianchi {
	width: 0.51rem;
	height: 0.72rem;
}

.order-tips-box {
	width: 6.50rem;
	height: 0.72rem;
	border-radius: 0.10rem;
	background: rgba(255, 255, 255, 1);
	padding: 0.18rem 0.2rem 0.18rem 0.40rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.3rem;
	box-shadow: 0px 0.04rem 0.08rem rgba(0, 0, 0, 0.1), 0.04rem 0px 0.08rem rgba(0, 0, 0, 0.1);
}

.order-tips-box p {
	font-size: 0.24rem;
	color: rgba(0, 0, 0, 1);

}

.order-tips-box .btn-small-blue {
	width: 1.04rem;
	height: 0.40rem;
	border-radius: 0.04rem;
	background: rgba(0, 113, 237, 1);
	font-size: 0.24rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-box {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-top: 0.3rem;
	justify-content: space-between;
}

.bg-white {
	background: #fff;
}

.nav-tab-box {
	height: 0.75rem;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.08rem;
	margin-left: 0.4rem;
}

.nav-tab-box .nav-tab {
	font-size: 0.32rem;
	color: rgba(34, 34, 34, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 1.9rem;
	margin-right: 0.2rem;
}

.nav-tab-box .nav-tab:nth-last-of-type(1) {}

.nav-tab-box .nav-tab.active {
	font-size: 0.36rem;
	color: rgba(0, 113, 237, 1);
	font-weight: bold;
}

.nav-tab .line {
	width: 0.57rem;
	height: 0.07rem;
	background: #fff;
	display: block;
	margin-top: 0.06rem;
}

.nav-tab-box .nav-tab.active .line {
	width: 0.57rem;
	height: 0.07rem;
	background: rgba(0, 113, 237, 1);
	border-radius: 0.035rem;
}

.daohang-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 0.22rem;
}

.icon-dingwei {
	width: 0.28rem;
	height: 0.28rem;
	margin-right: 0.08rem;
	margin-top: 0.02rem;
}

.daohang-box .name {
	font-size: 0.28rem;
	color: rgba(34, 34, 34, 1);
}

.content-list-box {
	padding: 0.2rem;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 6.3rem;
	z-index: 9;
	bottom: 2rem;
}
.content-list-box.noneOrder{
	top: 5rem;
}
.buy-record-list {
	width: 6.5rem;
	/* height: 1.52rem; */
	border-radius: 0.12rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.1);
	padding: 0.28rem 0.22rem 0.24rem 0.36rem;
	margin-bottom: 0.12rem;
}

.buy-record-list .buy-record-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;

}

.buy-record-title .title {
	width: 4.5rem;
	font-size: 0.32rem;
	font-weight: 500;
	color: rgba(34, 34, 34, 1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pay-type{
	font-size: 0.32rem;
	font-weight: 500;
	color: #333333;
	height: 0.8rem;
	line-height: 0.8rem;
}
.buy-record-title .juli {
	font-size: 0.28rem;
	font-weight: 400;
}

.buy-record-cont {
	font-size: 0.28rem;
	color: rgba(102, 102, 102, 1);
	margin: 0.16rem 0 0.16rem;
}

.buy-record-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}

.buy-record-bottom .left-name {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.buy-record-bottom .left-name .btn {
	width: 0.26rem;
	height: 0.26rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.16rem;
}

.buy-record-bottom .left-name .btn.green {
	border: 0.02rem solid rgba(27, 201, 138, 1.00);
	color: rgba(27, 201, 138, 1.00);
}

.buy-record-bottom .total-box {
	display: flex;
	align-items: center;
	flex-direction: row;
	font-size: 0.28rem;
	margin-left: 0.16rem;
}

.buy-record-bottom .total-box .green {
	color: rgba(27, 201, 138, 1);
}

.buy-record-bottom .right-name {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.icon-daohang {
	width: 0.28rem;
	height: 0.26rem;
	margin-right: 0.16rem;
	margin-top: 0.02rem;
}

.buy-record-bottom .right-name span {
	font-size: 0.24rem;
}

.content-main-box {
	position: fixed;
	/* height: 7.5rem; */
	top: 0;
	z-index: 10;
}


/* 我的 */
.user-header-box {
	width: 7.50rem;
	height: 3.44rem;
	opacity: 1;
	border-radius: 0px 0px 0.2rem 0.20rem;
	background: linear-gradient(135.72deg, rgba(0, 113, 237, 1) 0%, rgba(0, 185, 246, 1) 100%);
	display: flex;
	align-items: center;
	position: relative;
}

.user-header-box .user-header-left {
	display: flex;
	flex-direction: row;
	margin-left: 0.98rem;
}

.user-header-left .icon-touxiang {
	width: 1.4rem;
	height: 1.4rem;
	margin-right: 0.32rem;
	border-radius: 50%;
}

.user-name-box {
	display: flex;
	flex-direction: column;
	margin-top: 0.15rem;
}

.user-name-box .name {
	font-size: 0.32rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}


.user-name-box .bianhao {
	width: 2.72rem;
	height: 0.44rem;
	border-radius: 0.10rem;
	background: rgba(255, 255, 255, 1);
	font-size: 0.28rem;
	font-weight: 400;
	color: rgba(34, 34, 34, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.12rem;
}


.blue-operate-box {
	height: 1.52rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-bottom: 0.38rem;
	width: 7.1rem;
}

.list-box .img1 {
	width: 0.64rem;
	height: 0.55rem;
}

.list-box .img2 {
	width: 0.53rem;
	height: 0.57rem;
}

.list-box .img3 {
	width: 0.55rem;
	height: 0.59rem;
}

.blue-operate-box .list-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 2.233rem;
	height: 1.60rem;
	border-radius: 0.12rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0.04rem 0.04rem rgba(0, 0, 0, 0.05);
}
.blue-operate-box .list-box:nth-of-type(2){
	margin:0 0.2rem;
}
.blue-operate-box .list-box p {
	font-size: 0.22rem;
	font-family: AppleSystemUIFont;
	color: #383838;
	margin-top: 0.15rem;
}

.blue-operate-box .list-box .bottom {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 0.15rem;
}

.blue-operate-box .list-box .bottom span {
	font-size: 0.28rem;
	font-weight: 400;
	color: rgba(0, 122, 238, 1);
}

.person-main {
	margin-top: -1rem;
	padding: 0.2rem 0.2rem 0;
	width: 7.1rem;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.white-box {
	width: 6.2rem;
	background: #FFFFFF;
	box-shadow: 0rem 0.02rem 0.04rem 0rem rgba(0, 0, 0, 0.06);
	border-radius: 0.2rem;
	padding: 0rem 0.4rem 0;
	margin: 0.16rem 0;
	font-size: 0.24rem;
}
.person-main .white-box{
	width: 6.3rem;
}

.left-right-warp {
	height: 1.22rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 0.02rem solid #F6F7F0;
}

.left-right-warp .left-box {
	display: flex;
	align-items: center;
	flex-direction: row;
}
.left-right-warp .right-box .icon-right-gray{
	width: 0.16rem;
	height: 0.26rem;
}
.left-right-warp .left-box .left-icon {
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.2rem;
}

.left-box .left-name {
	font-size: 0.28rem;
	font-family: AppleSystemUIFont;
	color: rgba(34, 34, 34, 1);
	;
}

.white-box .left-right-warp:nth-last-of-type(1) {
	border-bottom: none;
}

.ad-img-box {
	padding:0.16rem 0.2rem;
}

.ad-img-box .img-ad {
	width: 7.1rem;
}

.main {
	padding: 0 0 2.2rem 0;
	overflow-y: auto;
	overflow-x: hidden;
	width: 7.5rem;
}

.search-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0.33rem;
	margin-left: 0.15rem;
}

.search-box .search-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 0.64rem;
	width: 6rem;
	border-radius: 0.3rem;
	border: 0.02rem solid rgba(241, 241, 241, 1.00);
}
.search-box .search-left.active{
	border: 0.02rem solid #0088f0;
}
.icon-search {
	width: 0.31rem;
	height: 0.31rem;
	margin-right: 0.2rem;
	margin-left: 0.3rem;
	margin-top: 0.03rem;
}

.input-txt {
	border: none;
	font-size: 0.28rem;
	font-weight: 400;
	color: #333;
	height: 0.64rem;
	width: 5rem;
}

.search-btn {
	width: 1rem;
	height: 0.64rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.28rem;
	font-weight: 500;
	letter-spacing: 0px;
	color: rgba(34, 34, 34, 1);
}

.nav-box-big .nav-tab-box .nav-tab {
	width: 3.5rem;
	margin: 0;
}

.nav-box-big .nav-tab-box {
	margin-left: 0;
}

.nav-box-big .nav-tab-box .nav-tab.active .line {
	width: 0.88rem;
	height: 0.06rem;
}

.content-main-box-small {
	position: fixed;
	height: 2rem;
	top: 0;
	z-index: 10;
}

.small-list-fixed {
	top: 2.1rem;
	bottom: 0.1rem;
}

.txt-big {
	width: 6.60rem;
	height: 0.8rem;
	border: none;
	border-bottom: 0.02px solid rgba(159, 168, 175, 1);
	margin: 3rem auto 0.8rem;
	background: none;
}

.btn {
	width: 7.1rem;
	opacity: 1;
	border-radius: 0.12rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-big {
	height: 1rem;
}

.btn-blue {
	background: rgba(0, 113, 237, 1);
	font-size: 0.36rem;
	color: rgba(255, 255, 255, 1);
}


.yiwen-box {
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.24rem;
}

.icon-kefu-s {
	width: 0.33rem;
	height: 0.32rem;
}

.yiwen-box p {
	font-size: 0.28rem;
	font-weight: 400;
	margin-left: 0.1rem;
	color: rgba(105, 105, 105, 1);
}

.yiwen-box .blue-phone {
	font-size: 0.24rem;
	font-weight: 400;
	color: rgba(69, 208, 255, 1);
}

.color_blue {
	color: rgba(0, 113, 237, 1)
}

.chongdian-cont {
	padding: 0 0.2rem;
}

.chongdian-box {
	width: 7.1rem;
	height: 5.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.chongdian-tip {
	position: absolute;
	top: 0.16rem;
	right: 0.16rem;
	z-index: 9;
}

.chongdian-tip p {
	font-size: 0.28rem;
	color: rgba(102, 102, 102, 1);
	margin-bottom: 0.1rem;
	text-align: right;
}

.img-chongdian-box {
	width: 4.3rem;
	height: 4.3rem;
	margin-top: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.img-chongdian-box .yuan-big {
	width: 4.44rem;
	height: 4.44rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.img-chongdian-box .yuan-zhong {
	width: 2.06rem;
	height: 2.06rem;
	position: absolute;
	top: 1.19rem;
	left: 1.19rem;
	z-index: 2;
}

.chongdian-box-bottom {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: 1.75rem;
	left: 1.8rem;
	z-index: 2;
}

.chongdian-box-bottom .name {
	font-size: 0.28rem;
	color: rgba(34, 34, 34, 1);
}

.icon-shandian {
	width: 0.42rem;
	height: 0.52rem;
}

.img-chongdian {
	width: 3.14rem;
	height: 3.14rem;
}


.sel-charge-time-box {
	width: 6.58rem;
	padding: 0rem 0.22rem 0;
	background: #FFFFFF;
	box-shadow: 0rem 0.02rem 0.08rem 0.02rem rgba(0, 0, 0, 0.05);
	border-radius: 0.12rem;
	margin-top: 0.3rem;
}


.sel-charge-time-box .header-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.3rem;
}

.sel-charge-time-box .header-box h5 {
	font-size: 0.32rem;
	font-family: AppleSystemUIFont;
	color: #333;
	line-height: 0.46rem;
	font-weight: 500;
}

.sel-charge-time-box .header-box .kefu-box {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
}

.sel-charge-time-box .header-box .kefu-box span {
	font-size: 0.24rem;
	font-family: AppleSystemUIFont;
	color: #696969;
	line-height: 0.34rem;
	margin-left: 0.05rem;
}

.sel-charge-time-box .sel-charge-list-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.sel-charge-time-box .sel-charge-list-box div {
	width: 2.0rem;
	height: 1.02rem;
	background: #FFFFFF;
	border-radius: 0.12rem;
	border: 0.02rem solid #DEDEDE;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.32rem;
	font-family: AppleSystemUIFont;
	color: #4A4A4A;
	line-height: 0.46rem;
	margin: 0.28rem 0.22rem  0 0;
}

.sel-charge-time-box .sel-charge-list-box div:nth-of-type(3n) {
	margin-right: 0;
}

.sel-charge-time-box .sel-charge-list-box div.active {
	background: rgba(0, 113, 237, 1);
	border-radius: 0.12rem;
	border: 0.02rem solid rgba(0, 113, 237, 1);
	font-size: 0.32rem;
	font-family: AppleSystemUIFont;
	color: #FFFFFF;
	line-height: 0.46rem;
}

.chongdian-tips {
	height: 0.78rem;
	display: flex;
	align-items: center;
	flex-direction: row;
	color: #333;
}

.chongdian-tips img {
	margin-right: 0.1rem;
	width: 0.28rem;
	height: 0.28rem;
}


.pay-list-box {
	display: flex;
	flex-direction: column;
	margin-top: 0.4rem;
	margin-bottom: 0.5rem;
}

.pay-list-box .pay-list {
	width: 7.02rem;
	height: 1.0rem;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	margin-bottom: 0.12rem;
	border: 0.02rem solid #fff;
	border-radius: 0.12rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.1);
}

.pay-list-box .pay-list .icon-pay-dou {
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 0.35rem 0 0.4rem;
}

.pay-list-box .pay-list .name {
	font-size: 0.36rem;
	font-family: AppleSystemUIFont;
	color: rgba(34, 34, 34, 1);
	font-weight: 500;
	line-height: 0.4rem;
}
.pay-list-box .pay-list .name2 {
	font-size: 0.36rem;
	font-family: AppleSystemUIFont;
	color: rgba(34, 34, 34, 1);
	line-height: 0.4rem;
}
.pay-list-box .pay-list .txt-s {
	font-size: 0.24rem;
	font-family: AppleSystemUIFont;
	color: rgba(153, 153, 153, 1);
	line-height: 0.28rem;
	margin-top: 0.05rem;
}

.pay-list-box .pay-list.active {
	background: #F5FCFF;
	box-shadow: 0rem 0.02rem 0.08rem 0.02rem rgba(0, 0, 0, 0.05);
	border: 0.02rem solid #45D0FF;
}

.pay-list-box .list-cont {
	display: flex;
	flex-direction: column;
}
.pay-list-box .list-cont2{
	display: flex;
	flex-direction: row;
	width: 5.27rem;
	align-items: center;
	justify-content: space-between;
}

.sel-charge-time-box .header-box .biaozhun-box {
	display: flex;
	flex-direction: row;
}

.sel-charge-time-box .header-box .biaozhun-box .biaozhun {
	width: 1.48rem;
	height: 0.48rem;
	opacity: 1;
	border-radius: 0.60rem;
	border: 0.02rem solid rgba(102, 102, 102, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.28rem;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	margin-left: 0.14rem;
}

.charge-bianhao-box {
	height: 0.92rem;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 0.02rem solid rgba(240, 240, 240, 1);
}

.charge-bianhao-box .left-name {
	font-size: 0.32rem;
	color: rgba(102, 102, 102, 1);
}

.charge-bianhao-box .kefu-box {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	width: 1.26rem;
	height: 0.48rem;
	opacity: 1;
	border-radius: 0.60rem;
	border: 0.02rem solid rgba(0, 113, 237, 1);
}

.charge-bianhao-box .kefu-box .img-kefu {
	width: 0.32rem;
	height: 0.34rem;
}

.charge-bianhao-box .kefu-box span {
	font-size: 0.28rem;
	color: rgba(0, 113, 237, 1);
	margin-left: 0.06rem;
}

.btn-middle {
	width: 4.22rem;
	height: 1rem;
	margin-left: 0.5rem;
	margin-right: 0.32rem;
	border-radius: 0.5rem;
}

.white-padding {
	padding: 0.24rem 0.36rem;
	width: 6.38rem;
}

.icon-dianche {
	width: 0.28rem;
	height: 0.28rem;
	margin-right: 0.1rem;
}

.buy-record-title .title-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 5.8rem;
}

.order-number {
	font-size: 0.28rem;
	font-weight: 500;
	color: rgba(34, 34, 34, 1);
}



.buy-record-small-list .buy-record-small-cont {
	border-bottom: 0.02rem solid #F6F7F0;
	height: 1.12rem;
	display: flex;
	align-items: center;
	flex-direction: row;
	width: 6.32rem;
	position: relative;

}

.buy-record-small-cont .cont-left {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.buy-record-small-cont .cont-center {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.buy-record-small-cont .cont-right {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.buy-record-small-cont .cont-left p {
	font-size: 0.28rem;
	font-family: AppleSystemUIFont;
	color: #333333;
}

.buy-record-small-cont .cont-center p {
	font-size: 0.28rem;
	font-family: AppleSystemUIFont;
	color: rgba(0, 113, 237, 1);
	;
}

.buy-record-small-cont .cont-right p {
	font-size: 0.28rem;
	font-family: AppleSystemUIFont;
	color: #333333;
}

.buy-record-small-cont .txt-s {
	font-size: 0.22rem;
	font-family: AppleSystemUIFont;
	color: #B3B3B3;
	margin-top: 0.05rem;
	max-height: 999999px;
}

.buy-record-small-list {
	width: 6.38rem;
	height: 2rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.2);
	padding: 0.16rem 0.36rem 0.16rem;
	margin-bottom: 0.12rem;
	border-radius: 0.12rem;
}

.buy-record-small-list .buy-record-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;

}


.buy-record-small-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	height: 0.64rem;
}

.buy-record-small-bottom .left-name {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.buy-record-small-bottom .left-name .btn {
	width: 0.26rem;
	height: 0.26rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.16rem;
}

.buy-record-small-bottom .left-name .btn.green {
	border: 0.02rem solid rgba(27, 201, 138, 1.00);
	color: rgba(27, 201, 138, 1.00);
}

.buy-record-small-bottom .total-box {
	display: flex;
	align-items: center;
	flex-direction: row;
	font-size: 0.28rem;
	margin-left: 0.16rem;
}

.buy-record-small-bottom .total-box .green {
	color: rgba(27, 201, 138, 1);
}

.buy-record-small-bottom .right-name {
	display: flex;
	align-items: center;
	flex-direction: row;
}


.msg-box-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.6);
	align-items: center;
	justify-content: center;
	display: none;
}

.msg-box-wrap.show {
	display: flex;
}


.alert-warp-box {
	width: 5.8rem;
	background: #FFFFFF;
	border-radius: 0.13rem;
	padding: 0.36rem 0.6rem;
	position: relative;
}

.alert-title-box {
	height: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.36rem;
	font-family: AppleSystemUIFont;
	color: #333333;
	margin-bottom: 0.2rem;
}

.alert-cont-box .code-box {
	width: 3.98rem;
	height: 3.46rem;
	background: #FAFAFA;
	display: flex;
	align-items: center;
	justify-content: center;
}

.alert-cont-box .code-box .img-erweima {
	width: 2.68rem;
	height: 2.68rem;
}

.alert-cont-box .tips {
	font-size: 0.28rem;
	font-family: AppleSystemUIFont;
	color: #949494;
	margin-top: 0.22rem;
	text-align: center;
}

.alert-warp-box .icon-close {
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	bottom: -0.98rem;
	left: 50%;
	transform: translateX(-50%);
}

.alert-cont-box .detail-list {
	margin-bottom: 0.12rem;
	display: flex;
	flex-direction: row;
}

.alert-cont-box .detail-list .left-name {
	font-size: 0.32rem;
	font-weight: 500;
	color: #222222;
}

.alert-cont-box .detail-list .right-name {
	font-size: 0.32rem;
	font-weight: 500;
	color: #666666;
}

.alert-cont-box .detail-list .right-name.blue {
	color: #0071ED
}

.line-box {
	width: 6.4rem;
	height: 0.02rem;
	background: #F0F0F0;
	margin-top: 0.4rem;
	margin-bottom: 0.3rem;
}

.yuan-big {
	animation: rotoImg 3s linear infinite;
}

.yuan-zhong,
.chongdian-box-bottom {
	animation: salcImg 5s linear infinite;
}

@keyframes rotoImg {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes salcImg {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.08);
	}

	100% {
		transform: scale(1);
	}
}